import axios from 'axios'

import router from './router'

import {Message} from 'element-ui'

function errorLog (err) {
  Message({
    message: err.message,
    type: 'error',
    duration: 3000
  })
}

// 请求超时时间
axios.defaults.timeout = 10000
// 允许携带cookie
axios.defaults.withCredentials = true
// post请求头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
// 请求拦截器
axios.interceptors.request.use(
  config => {
    // 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了
    // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
    const token = localStorage.getItem('token')
    token && (config.headers.Authorization = 'Bearer ' + token)
    return config
  },
  error => {
    return Promise.error(error)
  })

// response拦截器
axios.interceptors.response.use(
  response => {
    if (response) {
      switch (response.data.code) {
        case '200':
          break
        case '-1':
          Message.error({
            message: '请求失败'
          })
          break
      }
    }
    return response
  },

  error => {
    if (error && error.response) {
      switch (error.response.status) {
        case 400:
          error.message = '请求错误'
          break
        case 401: {
          error.message = '未授权，请登录'
          router.replace({
            path: 'login',
            query: {
              redirect: router.currentRoute.path
            }
          })
          // window.location.reload()
          break
        }
        case 403:
          error.message = '没有权限，拒绝访问'
          break
        case 404:
          error.message = `请求地址出错`
          break
        case 408:
          error.message = '请求超时'
          break
        case 500:
          error.message = '服务器内部错误'
          break
        case 501:
          error.message = '服务未实现'
          break
        case 502:
          error.message = '网关错误'
          break
        case 503:
          error.message = '服务不可用'
          break
        case 504:
          error.message = '网关超时'
          break
        case 505:
          error.message = 'HTTP版本不受支持'
          break
        default:
          break
      }
    }
    errorLog(error)
    return Promise.reject(error)
  }
)
export default axios
